<template>
    <main>
      <nav>
        <a href="javascript:;"><img src="../../../public/下载.png" alt="" /></a>
        <input type="text" v-model="keyWord" placeholder="Search" />
        <aside>
          <input type="button" value="主页" />
          <input type="button" value="主页" />
          <input type="button" value="主页" />
          <input type="button" value="主页" />
        </aside>
      </nav>
      <div style="border-bottom:1px solid #ccc;"></div>
      <router-view />
    </main>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
  nav {
    width: 930px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    img {
      width: 106px;
      height: 35px;
    }
    input[type="text"] {
      outline: none;
      width: 200px;
    }
    aside {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
}
</style>
